<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>The Q Card </title>
<link href="location.css" rel="stylesheet" type="text/css" / >

<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-location.1.0.0.js"></script>
<script type="text/javascript">

	$(document).ready(function()
	{

		$('#locations').location({
		  'apiKey' : 'ABQIAAAAaAXSsVbhGFVRxMgxRE1VchTRpSVvXiDx2LF_zyu-enf-gyIpohQkyiqMB9kYM8clPjU-V60ZU0HHzQ'
		});
		
	});

</script>
</head>
<body>


	<header><h1><img src="img/logo.png" width="100%" alt="Header"></h1></header>
	<section>

		<h2 id="geodata"></h2>
	
		<h3>Restaurant Listings</h3>
	
		<div id="locations">
		<!-- div class="notification" style="display:none">please wait... sorting addresses based on your location</div -->
		<ol>

		<li>

			<div class="vcard">
			 <a class="url fn n" href="http://www.facebook.com/profile.php?id=100000471620703">  
			 <span class="given-name">Jane</span>
			  <span class="additional-name"></span>
			  <span class="family-name">Smith</span>
			</a>
			 <div class="org">Old School BBQ and Grill</div>

			 <div class="adr">
			  <div class="street-address">2907 E MLK Jr Blvd.</div>
			  <span class="locality">Austin</span>, 
			  <span class="region">TX</span>, 
			  <span class="postal-code">78702</span>

			  <span class="country-name">USA</span>

			 </div>
			 <div class="tel">512-974-6830</div>
			<div class="note distance">

			</div>
			</div>

		</li>
		<li>

			<div class="vcard">
			 <a class="fn n" href="http://www.hawaii.edu/">
			    <span class="given-name">Hans</span>
			  <span class="additional-name"></span>
			  <span class="family-name">Haina</span>
			</a>
			 <div class="org">Old School BBQ and Grill</div>

			 <div class="adr">
			  <div class="street-address">2326 E Cesar Chavez St</div>
			  <span class="locality">Austin</span>, 
			  <span class="region">TX</span>, 
			  <span class="postal-code">78702</span>

			  <span class="country-name">USA</span>

			 </div>
			 <div class="tel">512-974-6830</div>
			<div class="note distance">

			</div>
			</div>


		</li>

		<li>

			<div class="vcard">
			 <a class="url fn n" href="http://www.usc.edu/">  <span class="given-name">Dino</span>
			  <span class="additional-name"></span>
			  <span class="family-name">Smith</span>
			</a>
			 <div class="org">The Shed BBQ Rolling Joint</div>

			 <div class="adr">
			  <div class="street-address">1816 E 6th Street.</div>
			  <span class="locality">Austin</span>, 
			  <span class="region">TX</span>, 
			  <span class="postal-code">78702</span>

			  <span class="country-name">USA</span>

			 </div>
			 <div class="tel">504-432-4718</div>
			<div class="note distance">

			</div>
			</div>

		</li>

		<li>

			<div class="vcard">
			 <a class="url fn n" href="http://www.usc.edu/">  <span class="given-name">Bob</span>
			  <span class="additional-name"></span>
			  <span class="family-name">Smith</span>
			</a>
			 <div class="org">Franklin Barbecue</div>

			 <div class="adr">
			  <div class="street-address">3421 N. I-35</div>
			  <span class="locality">Austin</span>, 
			  <span class="region">TX</span>, 
			  <span class="postal-code">78722</span>

			  <span class="country-name">USA</span>

			 </div>
			 <div class="tel">512-653-1187</div>
			<div class="note distance">

			</div>
			</div>

		</li>

		<li>

			<div class="vcard">
			 <a class="url fn n" href="http://www.usc.edu/">  <span class="given-name">Tom</span>
			  <span class="additional-name"></span>
			  <span class="family-name">Marku</span>
			</a>
			 <div class="org">Muck-N-Dave's Texas BBQ </div>

			 <div class="adr">
				<div class="street-address">1603 South Congress</div>
			  
			  <span class="locality">Austin</span>, 
			  <span class="region">TX</span>

			  <span class="postal-code">78704</span>


			  <span class="country-name">USA</span>

			 </div>
			 <div class="tel">512-590-3387</div>
			
			<div class="note distance">

			</div>
			</div>

		</li>

		<li>

			<div class="vcard">
			 <a class="url fn n" href="http://www.usc.edu/">  <span class="given-name">John</span>
			  <span class="additional-name"></span>
			  <span class="family-name">Smith</span>
			</a>
			 <div class="org">Snow's BBQ</div>

			 <div class="adr">
				<div class="street-address">516 Main Street</div>
			  <span class="locality">Lexington</span>, 
			  <span class="region">TX</span>
			  <span class="postal-code">78947</span>

			  <span class="country-name">USA</span>

			 </div>

			 <div class="tel">979-773-4640</div>
			
			<div class="note distance">

			</div>
			</div>

		</li>


		</ol>

		</div>
	
	
	</section>

</body>
</html>
